<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>新增联系人</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link href="/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/css/materialdesignicons.min.css" rel="stylesheet" />
    <link href="/css/animate.min.css" rel="stylesheet" />
    <link href="/css/style.min.css" rel="stylesheet" />
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css" />
    <link rel="stylesheet" href="/css/input_tags.css" />
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css" />
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css" />
    <link rel="stylesheet" href="/css/input_tags.css" />
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/skin.css" />

    <link rel="stylesheet" href="/css/bootstrapValidator.min.css" />
    <style>
        .form-group{
            margin-left: 40px;
        }
        .bv-form .help-block{
            position: absolute;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="card">
        <div class="card-header">
            <h1 id="title">新增联系人</h1>
        </div>
        <div class="card-body">
            <form class="well form-well" id="addContact">
               <div class="row from-left" style="padding-left: 80px">
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <span id="customerIdA" class="hidden" th:text="${customerId}"></span>
                       <span id="contactBs" class="hidden" th:text="${contactBs}"></span>
                       <label class="control-label label-required">客户</label>
                       <div class="contact-category">
                           <select class="form-control" id="customerId" name="customerId" type="text" title="请选择" data-live-search="true" >
                           </select>
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group contactNature">
                       <label class="control-label ">&nbsp; </label>
                       <div>
                           <div class="radio">
                               <label>
                                   <input type="radio" name="optionsRadios" id="qylxr" value="0" checked>
                                   企业联系人
                               </label>
                               <label style="margin-left: 20px">
                                   <input type="radio" name="optionsRadios" id="fqylxr" value="1">
                                   个人客户
                               </label>
                           </div>
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label label-required">联系人姓名</label>
                       <div>
                           <input id="contactNameAdd" name="contactNameAdd" type="text" class="form-control">
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label label-required">联系方式</label>
                       <!--<div>
                           <input id="contactInformationd"  name="contactInformationd" type="text" class="form-control" oninput="value=value.replace(/[^\d]/g,'')">
                       </div>-->
                       <div class="input-group">
                           <input id="contactInformationd"   name="contactInformationd" type="text" class="form-control" oninput="value=value.replace(/[^\d]/g,'')">
                           <span class="input-group-addon">分机号</span>
                           <div class="input-group-btn">
                               <input type="text" id="extNumber" class="form-control" oninput="value=value.replace(/[^\d]/g,'')" style="width: 100px;">
                           </div>
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label">联系类型</label>
                       <div class="row">
                           <div class="col-md-6" id="contactTypeSel">
                               <select class="form-control" id="contactType" type="text" title="请选择" >
                                   <optiSon value="">请选择</optiSon>
                                   <option value="家庭电话">家庭电话</option>
                                   <option value="爱人电话">爱人电话</option>
                                   <option value="单位电话">单位电话</option>
                                   <option value="其他">其他</option>
                               </select>
                           </div>
                           <div class="col-md-6 qt_a" style="display:none;">
                               <input type="text" id="contactTypeQt" name="contactTypeQt" placeholder="请输入其他联系类型" class="form-control">
                           </div>
                       </div>

                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label">联系方式类型</label>
                       <div>
                           <select class="form-control" id="contactInformationType" type="text" title="请选择" >
                               <option value="">请选择</option>
                               <option value="0">主联系方式</option>
                               <option value="1">从联系方式</option>
                           </select>
                       </div>
                   </div>

                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label">职务</label>
                       <div style="position: relative;">
                           <input type="text" placeholder="请输入或选择职务名称" id="contactPosition" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" class="form-control">
                           <ul class="dropdown-menu">
                               <li><a href="#!">财务副总裁/财务总经理</a></li>
                               <li><a href="#!">财务总监/总会计师</a></li>
                               <li><a href="#!">审计及证券</a></li>
                               <li><a href="#!">财务经理/财务处长/财务部长</a></li>
                               <li><a href="#!">财务主管/财务科长</a></li>
                               <li><a href="#!">办公室及人资</a></li>
                               <li><a href="#!">会计及出纳</a></li>
                           </ul>
                           <!--<select class="form-control" id="contactPosition" type="text" title="请选择" >
                               <option value="">请选择</option>
                               <option value="0">公司管理</option>
                               <option value="1">财务</option>
                               <option value="2">人力</option>
                               <option value="3">其他</option>
                           </select>-->
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class=" control-label">在职情况</label>
                       <div >
                           <select class="form-control" id="onTheJobSituation" type="text" title="请选择">
                               <option value="">请选择</option>
                               <option value="0">在职</option>
                               <option value="1">离职</option>
                           </select>
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label">所在地区</label>
                       <div style="display: flex;">
                           <select onchange="changeCityLxr()" id="province" name="province"
                                   style="margin-right: 2%;width: 49%;" class="form-control" type="text"
                                   title="请选择" ></select>
                           <select id="city" name="city" style="width:49%" class="form-control" type="text"
                                   title="请选择" ></select>
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class=" control-label">行业</label>
                       <div>
                           <select class="form-control" id="industry" type="text" title="请选择">
                               <option value="1">农、林、牧、渔业</option>
                               <option value="2">采矿业</option>
                               <option value="3">制造业</option>
                               <option value="4">电力、热力、燃气及水生产和供应业</option>
                               <option value="5">建筑业</option>
                               <option value="6">批发和零售业</option>
                               <option value="7">交通运输、仓储和邮政业</option>
                               <option value="8">住宿和餐饮业</option>
                               <option value="9">信息传输、软件和信息技术服务业</option>
                               <option value="10">金融业</option>
                               <option value="11">房地产业</option>
                               <option value="12">租赁和商务服务业</option>
                               <option value="13">科学研究和技术服务业</option>
                               <option value="14">水利、环境和公共设施管理业</option>
                               <option value="15">居民服务、修理和其他服务业</option>
                               <option value="16">教育</option>
                               <option value="17">卫生和社会工作</option>
                               <option value="18">文化、体育和娱乐业</option>
                               <option value="19">公共管理、社会保障和社会组织</option>
                               <option value="20">国际组织</option>
                           </select>
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class=" control-label">公司地址</label>
                       <div>
                           <input maxlength="20" id="companyAddress" type="text" class="form-control">
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class=" control-label">目前意向</label>
                       <div>
                           <select class="form-control" id="currentIntention" type="text" title="请选择">
                               <option value="">请选择</option>
                               <option value="0">有意向</option>
                               <option value="1">无意向</option>
                           </select>
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label">邮箱</label>
                       <div>
                           <input id="mailBox" name="mailBox" type="text" class="form-control">
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label">微信</label>
                       <div>
                           <input maxlength="20" id="wx" type="text" class="form-control">
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label">联系人类型</label>
                       <div>
                           <select class="form-control" id="contactState" type="text" title="请选择">
                               <option value="">请选择</option>
                               <option value="1">主联系人</option>
                               <option value="2">从联系人</option>
                           </select>
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label">客户类型</label>
                       <div>
                           <select class="form-control" id="memberGrade" type="text" title="请选择">
                               <option value="">请选择</option>
                               <option value="1">会员客户</option>
                               <option value="2">非会员客户</option>
                           </select>
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label">职务状态</label>
                       <div>
                           <select class="form-control" id="isSeniorExecutive" type="text" title="请选择"
                           >
                               <option value="">请选择</option>
                               <option value="0">高管</option>
                               <option value="1">非高管</option>
                           </select>
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label">家庭住址</label>
                       <div>
                           <input maxlength="20" id="homeAddress" type="text" class="form-control">
                       </div>
                   </div>
                   <div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group" id="isCompanyName">
                       <label class="control-label">公司名称</label>
                       <div>
                           <input maxlength="20" id="companyName" type="text" class="form-control">
                       </div>
                   </div>
                   <!--<div class="col-lg-5 col-md-5 col-sm-6 col-xs-12 form-group">
                       <label class="control-label">专用电话</label>
                       <div>
                           <select class="form-control" id="privateTelephone" type="text" title="请选择">
                               <option value="">请选择</option>
                               <option value="0">非专用电话</option>
                               <option value="1">专用电话</option>
                           </select>
                       </div>
                   </div>-->
               </div>
            </form>
            <div style="width: 100%;text-align: center;">
                <button class="btn btn-primary" type="submit" style="margin-right: 30px;"
                        onclick="saveContact()">确定
                </button>
                <button class="btn btn-default" type="button" onclick="cancelAddContact()">取消</button>
            </div>
        </div>
    </div>
</div>
<!--联系姓名去重 -->
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" id="duplicateContacts" >
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-body" style="min-height: 200px;">
                <!-- start -->
                <h4 style="line-height: 40px;font-size: 14px;font-weight: bold;">修改</h4>
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">您输入的联系人姓名已存在,如需合并请在下拉框选择一条合并,如果不是同名联系人,不选择,点击确定即可</label>
                        <div class="col-sm-4">
                            <select class="form-control" id="duplicateContact" type="text" title="">
                            </select>
                        </div>
                    </div>

                </form>
                <div style="width: 100%;display: flex;justify-content: center; margin-top: 30px;">
                    <div class="btn btn-primary" style="margin-right: 20px;"
                         onclick="addDuplicateContact()">确定
                    </div>
                    <div class="btn btn-default" onclick="editduplicateContactHide()">取消</div>
                </div>
                <!-- end -->
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/crm/common/city.js"></script>
<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>
<!--公共js-->
<script src="/js/crm/common/common.js"></script>
<script src="/js/crm/common/input-tag.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script src="/js/crm/contactManager/addContact.js"></script>
</html>
